@charset "utf-8";

/* html {
background:white;
color:black;
}*/
body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
fieldset,
lengend,
button,
input,
textarea,
th,
td,
form {
    margin: 0;
    padding: 0;
}

body,
button,
input,
select,
textarea {
    font: 14px/1.5 "\5FAE\8F6F\96C5\9ED1", Arial, "5b8b\4f53", sans-serif;
}

/* 隐藏滚动条 */
::-webkit-scrollbar {
    display: none;
}


body {
    background-color: #fff;
    color: #333;
    padding-top: 80px;
}

h1 {
    font-size: 18px;
}

h2 {
    font-size: 16px;
}

h3 {
    font-size: 14px;
}

h4,
h5,
h6 {
    font-size: 100%;
}

i,
em {
    font-style: normal;
}

small {
    font-size: 12px;
}

ul,
ol {
    list-style: none;
}

a {
    color: #545454;
    text-decoration: none;
}

a:hover {
    color: #CA0E1C;
    text-decoration: none;
}

a:focus,
*:focus {
    outline: none;
}

button,
input,
select,
textarea,
label {
    font-size: 100%;
    vertical-align: middle;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

hr {
    border: none;
    height: 1px;
}

img,
a img {
    border: 0;
}

.fr {
    float: right;
}

.fl {
    float: left;
}

.hide {
    display: none;
}

.block {
    display: block;
}

.red {
    color: red;
}

.blue {
    color: blue;
}

.green {
    color: green;
}

.clear {
    display: block;
    clear: both;
    height: 0;
    overflow: hidden;
}

.w100 {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.container {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.topFixed {
    position: absolute;
    height: 80px;
    top: 0;
    background: #CA0E1C;
    z-index: 999999;
    border-bottom: 1px solid #9B1838;
    clear: both;
}

.topFixed .hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0;
    height: 100%;
    overflow: visible;
}

/* 屏幕小于 768px 时 */
@media screen and (max-width: 768px) {
    .topFixed .hd {
        overflow-x: scroll;
        overflow-y: hidden;
    }
    
}

.hd {
    padding: 5px 0;
}

.hd .h-logo {
    width: 200px;
    float: left;
}

.hd .h-logo a {
    display: block;
    width: 100%;
    height: 65px;
    background: #CA0E1C url(http://www.mofazhu.com/d/imgs/pic/logo.png) no-repeat;
    background-size: 100% 100%;
}

.hd .h-nav {
    float: right;
    width: 620px;
    height: 35px;
    overflow: hidden;
    margin: 15px 25px 0 0;
}

.hd .h-nav li {
    float: left;
    width: 20%;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-align: center;
}

.hd .h-nav li a {
    font-size: 18px;
    color: #fff;
    font-weight: 500;
}

.hd .h-search {
    width: 200px;
    float: right;
    margin-top: 15px;
    padding-left: 10px;
    height: 34px;
    background: #fff;
    overflow: hidden;
    border: 1px solid #FFFFFF;
    border-radius: 30px;
}

.hd .h-search form {
    display: block;
}

.hd .h-search .ipt {
    width: 145px;
    height: 32px;
    line-height: 32px;
    border: 0;
    margin-bottom: 2px solid #ddd;
    color: #5E5E5E;
    text-indent: 0.5em;
}

.hd .h-search .btn {
    width: 48px;
    height: 34px;
    font-size: 0;
    text-indent: -9999em;
    cursor: pointer;
    border: 0;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/so-btn.png) no-repeat 55% 48%;
}

.home_banner {
    height: 500px;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/maz_bg.gif) no-repeat 50% 50%;
}

.home_banner dl {
    width: 60%;
    float: right;
    padding-top: 175px;
    /* padding-right: 6%; */
}

.home_banner dl dt {
    width: 119%;
    padding: 40px 0 10px;
    font-size: 15px;
    color: #fff;
    clear: both;
    text-align: center;
}

.home_banner dl dt strong {
    font-size: 70px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
}

.home_banner dl dt span {
    display: block;
    font-size: 24px;
    font-weight: 600;
}

.home_banner dl dd {
    width: 133%;
    color: #fff;
    text-align: center;
}

.home_banner dl dd .down_submit {
    width: 100%;
    margin: 10px 0 0px;
    text-align: center;
    padding-top: 38px;
}

.home_banner dl dd .down_submit a {
    width: 280px;
    height: 60px;
    line-height: 60px;
    /* background:#fff url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 23% -130px; */
    text-indent: 1.8em;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    /* color:#C90F1C; */
    font-size: 26px;
    color: transparent;
}

.home_banner dl dd .down_submit a:hover {
    /* background:#FC9924 url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 23% 14px; */
    /* color:#fff; */
}

.home_banner dl dd span {
    display: block;
    margin: 8px 0px;
    text-align: center;
    color: #fff;
    width: 90%;
    font-size: 6px;
}

.home_banner dl dd span a {
    font-size: 15px;
    color: #fff;
    margin-right: 5px;
}

.home_banner dl dd span.md5 {
    margin-top: 5px;
}

.home_intro {
    color: #545454;
}

.home_intro .gonggao {
    display: none;
}

.home_intro ul {
    width: 100%;
    overflow: hidden;
}

.home_intro ul li {
    float: left;
    width: 25%;
    text-align: center;
    overflow: hidden;
}

.home_intro ul li h4 {
    padding: 10px 0;
    font-weight: normal;
    font-size: 18px;
    color: #000;
}

.home_intro ul li span {
    width: 80%;
    margin: 10px auto;
    display: block;
    font-size: 14px;
    color: gray;
}

.home_intro ul li i {
    width: 80px;
    height: 80px;
    margin: 0 auto 10px;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/home_intro.png) no-repeat;
    display: block;
}

.home_intro ul li i.icon_intro1 {
    background-position: 0 0;
}

.home_intro ul li i.icon_intro2 {
    background-position: 0 -80px;
}

.home_intro ul li i.icon_intro3 {
    background-position: 0 -160px;
}

.home_intro ul li i.icon_intro4 {
    background-position: 0 -240px;
}

.home_intro ul li:hover h4 {
    color: #000;
}

.home_intro ul li:hover span {
    color: #444;
}

.home_intro ul li .home_intro_img {
    display: block;
    margin: 0 auto 14px;
}

.listArt {
    padding: 30px 0;
    background-color: #FAFAFA;
}

.listArt dl {
    float: left;
    width: 28.5%;
    padding: 15px 2%;
    background-color: #fff;
}

.listArt dl.mc5 {
    margin: 0 1%;
}

.listArt dl:nth-last-child(3),
.listArt dl:nth-last-child(2),
.listArt dl:nth-last-child(1) {
    margin-bottom: 20px;
}

.listArt dl dt {
    width: 100%;
    color: #999;
    margin: 10px 0;
    text-align: left;
}

.listArt dl dt strong {
    font-size: 22px;
    color: #545454;
    font-weight: normal;
    position: relative;
    text-indent: 15px;
}

.listArt dl dt i {
    border-left: 5px solid #CA0E1C;
    height: 20px;
    display: block;
    position: absolute;
    top: 8px;
}

.listArt dl dt span {
    float: right;
    margin-top: 6px;
}

.listArt dl dt span a {
    font-size: 14px;
}

.listArt dl dd li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    clear: both;
    display: block;
}

.listArt dl dd li a {
    font-size: 15px;
    color: #545454;
    overflow: hidden;
    width: 76%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.listArt dl dd li a:before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #999;
    margin-right: 8px;
    margin-bottom: 3px;
}

.listArt dl dd li span {
    color: #999;
    float: right;
    font-size: 13px;
}

.listArt dl dd li:nth-last-child(1) {
    border-bottom: 0;
}

.listArt dl dd li:hover a,
.listArt dl dd li:hover span,
.listArt dl dd li.on a,
.listArt dl dd li.on span {
    color: #CA0E1C;
}

.listArt dl dd li:hover a:before,
.listArt dl dd li.on a:before {
    background-color: #CA0E1C;
}

.home_query {
    position: relative;
    background-color: #CA0E1C;
}

.home_query .upan {
    width: 96%;
    padding: 20px 2%;
    margin: 25px auto;
    font-size: 17px;
    color: #fff;
}

.home_query .upan span {
    height: 52px;
    line-height: 52px;
    display: inline-block;
    overflow: hidden;
}

.home_query .upan span.qtit {
    width: 15%;
    text-align: left;
}

.home_query .upan span.qtit i {
    width: 8px;
    height: 8px;
    margin-bottom: 5px;
    display: inline-block;
    border-radius: 50%;
    background: #fff;
    color: #fff;
}

.home_query .upan span.qtit strong {
    margin-left: 15px;
    color: #fff;
    font-size: 26px;
    font-weight: normal;
    position: relative;
}

.home_query .upan span.q1 {
    width: 18%;
    text-align: center;
}

.home_query .upan span.q2 {
    width: 15%;
    text-align: center;
    padding: 0 10px;
}

.home_query .upan span.q3 {
    width: 13%;
    text-align: center;
    padding: 0 10px;
}

.home_query .upan span.q4 {
    width: 19%;
    text-align: right;
}

.home_query .upan span.q4 a {
    text-decoration: underline;
}

.home_query .upan span select {
    width: 90%;
    border-radius: 3px;
    border: 1px solid #fff;
    background-color: #CA0E1C;
    padding: 5px;
    margin: 0 5px;
    color: #fff;
}

.home_query .upan span.q3 select option {
    display: none;
}

.home_query .upan .tipstxt b {
    color: yellow;
}

.currentdown {
    margin-top: 35px;
    margin-bottom: 5px;
    text-align: center;
    color: #535353;
}

.currentdown h2,
.currentdown h3,
.currentdown h4 {
    font-size: 48px;
    margin: 10px 0;
    font-weight: normal;
}

.currentdown h3 {
    font-size: 28px;
}

.currentdown h4 {
    font-size: 24px;
}

.currentdown p {
    font-size: 16px;
    margin: 20px 0;
    line-height: 130%;
}

.currentdown a {
    width: 280px;
    margin: 30px 0;
    height: 65px;
    line-height: 65px;
    color: #fff;
    display: inline-block;
    background-color: #CA0E1C;
    font-size: 30px;
    box-shadow: 0 3px 25px 5px #D7D7D9;
    border-radius: 50px;
}

.currentdown a:hover {
    background-color: #CA0E1C;
}

.home_link {
    padding: 15px 0;
    position: relative;
    color: #5A5A66;
}

.home_link dl dt,
.home_link dl dd {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 20px 0 0;
}

.home_link dl dt strong {
    font-size: 20px;
    color: #545454;
    font-weight: normal;
    overflow: hidden;
    position: relative;
    text-indent: 15px;
}

.home_link dl dt i {
    height: 20px;
    display: block;
    position: absolute;
    top: 6px;
    width: 26px;
    background-image: url(/d/imgs/lin.png);
    background-repeat: no-repeat;
}

.home_link dl dt span.fr {
    margin-top: 5px;
}

.home_link .linkpic,
.home_link .linktext {
    width: 100%;
    overflow: hidden;
    clear: both;
}

.home_link .linkpic dd a {
    float: left;
    width: 16.6%;
    height: 75px;
    margin-bottom: 15px;
    text-align: center;
}

.home_link .linkpic dd a img {
    width: 180px;
    height: 60px;
    border: 1px solid #ddd;
    margin: auto;
}

.home_link .linktext dd {
    line-height: 180%;
    z-index: 1;
}

.home_link .linktext dd a {
    font-size: 14px;
    color: #5A5A66;
    padding: 0 0 0 5px;
    margin-right: 5px;
}

.home_link .linktext dd a:hover {
    color: #ca0e1c;
    text-decoration: none;
}

.ft {
    height: 222px;
    margin: 30px 0 0;
    padding: 20px 0;
    background-color: #CA0E1C;
    color: #fff;
    font-size: 15px;
    clear: both;
    text-align: center;
}

.ft a {
    color: #fff;
}

.ft .ft_nav {
    margin-top: 20px;
    padding: 10px 0;
    overflow: hidden;
}

.ft .ft_nav a {
    margin: 0 15px;
}

.ft .ft_info {
    margin-top: 10px;
    overflow: hidden;
}

.ft .ft_info p {
    padding: 10px 0;
    display: block;
    overflow: hidden;
}

.s_page {
    width: 96%;
    padding: 0 2%;
    height: 33px;
    line-height: 33px;
    margin: 30px auto;
    text-align: center;
    clear: both;
    overflow: hidden;
}

.s_page a {
    color: #666;
    background: #fff;
    border: 1px solid #dedede;
    padding: 3px 8px;
    font-size: 13px;
}

.s_page a:hover {
    color: #fff;
    background: #CA0E1C;
    border: 1px solid #dedede;
    text-decoration: none;
}

.s_page span {
    width: auto;
    margin: 0px 5px;
}

.s_page b {
    border: 1px solid #dedede;
    padding: 3px 8px;
    background: #CA0E1C;
    color: #fff;
    font-weight: normal;
}

.s_page a b {
    color: #666;
    border: none;
    background: none;
    padding: 0;
    font-weight: normal;
}

.s_page a:hover b {
    background-color: none;
    color: #fff;
}

.s_page a:nth-child(1) {
    display: none;
}

.sideFixed {
    position: fixed;
    width: 48px;
    right: 50px;
    bottom: 100px;
    z-index: 999999;
    background-color: #ffffff;
    border-radius: 30px;
    padding: 15px 0;
}

.sideFixed a {
    display: flex;
    height: 30px;
    align-items: center;
    justify-content: center;
    position: relative;
}

.show_weixin {
    width: 220px;
    height: 283px;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    background-size: 100%;
    display: none;
    bottom: -70%;
    left: -220px;
    z-index: 20000000000000000000000001;
}

.art_banner {
    height: 287px;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/art_bg.png) no-repeat 50% 50%;
}

.art_banner .art_br_l {
    width: 60%;
    float: left;
    margin: 80px 0 0 0%;
}

.art_banner .art_br_l ul {
    width: 100%;
    overflow: hidden;
}

.art_banner .art_br_l ul li {
    float: left;
    width: 25%;
    text-align: center;
    font-size: 16px;
}

.art_banner .art_br_l ul li i {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: url(http://www.mofazhu.com/d/imgs/pic/home_intro.png) no-repeat;
    display: block;
}

.art_banner .art_br_l ul li i.icon_intro1 {
    background-position: -80px -240px;
}

.art_banner .art_br_l ul li i.icon_intro2 {
    background-position: -80px 0;
}

.art_banner .art_br_l ul li i.icon_intro3 {
    background-position: -80px -80px;
}

.art_banner .art_br_l ul li i.icon_intro4 {
    background-position: -80px -160px;
}

.art_banner .art_br_l ul li h4 {
    color: #fff;
    font-weight: normal;
}

.art_banner .art_br_l ul li:hover h4 {
    color: #CA0E1C;
}

.art_banner .art_br_r {
    width: 40%;
    float: left;
    margin: 45px 0 0;
    text-align: center;
}

.art_banner .art_br_r strong {
    font-size: 40px;
    color: #fff;
    display: block;
    padding-bottom: 5px;
}

.art_banner .art_br_r span {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.art_banner .art_br_r .clickdown {
    width: 100%;
    margin: 20px 0 0;
    text-align: center;
}

.art_banner .art_br_r .clickdown a {
    width: 280px;
    height: 60px;
    line-height: 60px;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 23% -130px;
    text-indent: 1.8em;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    color: #C90F1C;
    font-size: 26px;
}

.art_banner .art_br_r .clickdown a:hover {
    background: #FC9924 url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 23% 14px;
    color: #fff;
}

.art_introtit {
    width: 680px;
    height: 120px;
    margin: auto;
    overflow: hidden;
    line-height: 120px;
    font-size: 34px;
    font-weight: 800;
    text-align: center;
    color: #7C7C7C;
}

.art_introtit div {
    float: left;
}

.tit_line {
    margin: 10px 35px;
    box-sizing: border-box;
    width: 60px;
    height: 60px;
    position: relative;
}

.tit_line::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    border-bottom: 1px solid #ccc;
    transform-origin: bottom center;
    transform: rotateZ(-45deg) scale(1.414);
    animation: slash 5s infinite ease;
}

.art_introvoide {
    height: 518px;
    padding: 50px 0;
    background-color: #0D78C6;
    color: #fff;
    overflow: hidden;
}

.art_introvoide h3 {
    font-size: 34px;
    text-align: center;
    color: #fff;
    display: block;
    margin: 20px 0 35px;
    font-weight: normal;
}

.intro_l {
    width: 45%;
    padding-left: 4%;
    float: left;
}

.intro_l dl.vTxt {
    width: 88%;
    margin-bottom: 50px;
    font-size: 13px;
    overflow: hidden;
    cursor: pointer;
}

.intro_l dl.vTxt dt {
    float: left;
    width: 22%;
    overflow: hidden;
}

.intro_l dl.vTxt dt i {
    width: 69px;
    display: block;
    margin-top: 10px;
    background: url('http://www.mofazhu.com/d/imgs/pic/soft_bg.png') no-repeat;
}

.intro_l dl.vTxt dt i.no1 {
    height: 56px;
    background-position: -18px -13px;
}

.intro_l dl.vTxt dt i.no2 {
    height: 68px;
    background-position: -18px -88px;
}

.intro_l dl.vTxt dt i.no3 {
    height: 65px;
    background-position: -18px -175px;
}

.intro_l dl.vTxt dd {
    width: 77%;
    float: left;
}

.intro_l dl.vTxt dd h4 {
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 5px;
}

.intro_l dl.vTxt:hover {
    color: #00E4FF;
}

.intro_l dl.vTxt:hover dt i.no1 {
    background-position: -102px -13px;
}

.intro_l dl.vTxt:hover dt i.no2 {
    background-position: -102px -88px;
}

.intro_l dl.vTxt:hover dt i.no3 {
    background-position: -102px -175px;
}

.intro_l dl#tabcur {
    color: #00E4FF;
}

.intro_l dl#tabcur dt i.no1 {
    background-position: -102px -13px;
}

.intro_l dl#tabcur dt i.no2 {
    background-position: -102px -88px;
}

.intro_l dl#tabcur dt i.no3 {
    background-position: -102px -175px;
}

.intro_r {
    width: 50%;
    padding-top: 1%;
    float: left;
    position: relative;
    overflow: hidden;
}

.intro_r .videoBox {
    width: 490px;
    height: 335px;
    background: #0A5C82;
    position: relative;
    margin: auto;
    overflow: hidden;
}

.intro_r .videoBox video {
    width: 100%;
    height: 100%;
    object-fit: fill;
    display: none;
}

.intro_r .videoBox video.block {
    display: block;
}

.intro_r .videoBox em {
    width: 105px;
    height: 105px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -90px 0 0 -52px;
    display: inline-block;
    background: url('http://www.mofazhu.com/d/imgs/pic/play_bg.png') no-repeat;
    background-size: 105px;
    cursor: pointer;
    z-index: 999;
}

.intro_r .videoBox em.startPlay {
    background-position: 0 0;
}

.intro_r .videoBox em.startPlay:hover {
    background-position: 0 -210px;
}

.intro_r .videoBox em.stopPlay {
    background-position: 0 -105px;
}

.intro_r .videoBox em.stopPlay:hover {
    background-position: 0 -315px;
}

.intro_r .vDot {
    height: 28px;
    line-height: 28px;
    padding: 20px 0 10px;
    overflow: hidden;
    clear: both;
    text-align: center;
}

.intro_r .vDot span {
    margin-left: 10px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #83BDE3;
    cursor: pointer;
    display: inline-block;
}

.intro_r .vDot span:hover,
.intro_r .vDot span.on {
    background: #fff;
}

.art_logtit h3 {
    height: 105px;
    line-height: 105px;
    font-size: 34px;
    text-align: center;
    color: #0D78C6;
    font-weight: normal;
    border-bottom: 1px solid #EDEDED;
}

.art_logcon {
    width: 100%;
    padding: 50px 0 10px;
    overflow: hidden;
    color: #999;
}

.art_logcon dl {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.art_logcon dl dt {
    width: 10%;
    margin-top: 3px;
    float: left;
    text-align: center;
}

.art_logcon dl dd {
    width: 80%;
    padding: 0 0 50px 3%;
    float: left;
    border-left: 1px solid #ddd;
}

.art_logcon dl dd:after {
    content: "";
    position: absolute;
    left: 9.7%;
    top: 6px;
    width: 6px;
    height: 6px;
    background-color: #fff;
    /* Can be set to transparent*/
    border: 1px solid #0D78C6;
    -webkit-border-radius: 100px;
}

.log_more {
    text-align: center;
    padding: 10px 0;
}

.log_more a {
    color: gray;
}

.bt_softtext {
    font-size: 24px;
    padding-top: 35px;
    padding-bottom: 30px;
    background-color: #FAFAFA;
    text-align: center;
    color: #0D78C6;
}

.bt_softtext h3 {
    font-size: 34px;
    text-align: center;
    display: block;
    margin: 10px 0;
}

.bt_softtext p {
    line-height: 190%;
}

.bt_softtext .bt_sdown {
    padding: 15px 0;
}

.bt_softtext .bt_sdown a {
    width: 220px;
    margin: 20px 0;
    height: 53px;
    line-height: 53px;
    color: #0D78C6;
    display: inline-block;
    background-color: #fff;
    font-size: 24px;
    box-shadow: 0 3px 25px 5px #D7D7D9;
}

.bt_softtext .bt_sdown a:hover {
    background-color: #0D78C6;
    color: #fff;
}

.gj-link {
    height: 110px;
    margin-top: 50px;
    margin-bottom: 30px;
    overflow: visible;
}

.gj-link ul {
    width: 95.8%;
    float: left;
    padding: 10px 2%;
    border: 1px dashed #999;
    position: relative;
}

.gj-link ul li {
    float: left;
    width: 16.6%;
    text-align: center;
}

.gj-link ul li img {
    width: 180px;
    height: 70px;
}

.gj-link ul strong {
    color: #fff;
    background: #007AE2;
    height: 26px;
    line-height: 26px;
    padding: 1px 15px;
    position: absolute;
    margin-top: -30px;
}

/* 20190105 不需要背景
.artlist { background:#FAFAFA; padding: 15px 0;}
*/
.pos {
    padding: 15px 15px 0;
}

.pos a {
    color: #333;
    font-size: 15px;
}

.pos a:hover {
    color: #CA0E1C;
}

.art_main {
    border: 1px solid #ddd;
}

.artnav {
    width: 100%;
    margin: 20px auto;
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
    clear: both;
}

.artnav ul {
    width: 100%;
    overflow: hidden;
}

.artnav ul li {
    float: left;
    width: 130px;
    height: 42px;
    line-height: 42px;
    overflow: hidden;
    text-align: center;
}

.artnav ul li a {
    font-size: 18px;
    color: #333;
    display: block;
}

.artnav ul li a:hover,
.artnav ul li.cur a {
    background: #CA0E1C;
    color: #fff;
}

.main_l {
    float: left;
    width: 71%;
    padding: 0 5px;
    background-color: #fff;
}

.artItemList {
    width: 96%;
    padding: 0 4% 10px 0;
    overflow: hidden;
    border-bottom: 0;
    position: relative;
}

.artItemList .artItem {
    width: 100%;
    padding: 25px 0;
    border-bottom: 1px solid #E6E6E6;
    overflow: hidden;
    clear: both;
    position: relative;
}

.artItemList .artItem:nth-last-child(1) {
    border-bottom: 0;
}

.artItemList .artItem .itemTit {
    float: right;
    width: 68%;
    padding-right: 2%;
    overflow: hidden;
}

.artItemList .artItem .itemTit h4 {
    display: block;
    font-size: 18px;
    height: 32px;
    overflow: hidden;
}

.artItemList .artItem .itemTit h4 a {
    color: #545454;
}

.artItemList .artItem .itemTit h4 a:hover {
    color: #CA0E1C;
}

.artItemList .artItem .itemTit .pcInfo {
    color: #999;
}

.artItemList .artItem .itemTit .pcInfo .item_intro {
    line-height: 150%;
    padding: 5px 0 10px;
}

.artItemList .artItem .itemTit .pcInfo .item_date {
    float: left;
    text-indent: 2em;
    margin-right: 30px;
    background: url(http://www.mofazhu.com/d/imgs/pic/bgSmallitem.png) no-repeat left 0;
}

.artItemList .artItem .itemTit .pcInfo .item_tag {
    float: left;
    text-indent: 2em;
    background: url(http://www.mofazhu.com/d/imgs/pic/bgSmallitem.png) no-repeat left -20px;
}

.artItemList .artItem .itemTit .pcInfo .item_tag a {
    margin-right: 10px;
    color: #999;
}

.artItemList .artItem .itemPic {
    width: 100%;
    background-color: #fff;
    line-height: 100%;
    overflow: hidden;
}

.artItemList .artItem .itemPic {
    float: left;
    width: 30%;
}

.artItemList .artItem .itemPic img {
    width: 195px;
    height: 135px;
}

.artItemList .artItem .itemPic .titPic {
    display: block;
}

.wapPiclist,
.wapInfo {
    display: none;
}

.side_r {
    float: right;
    width: 25.5%;
    padding: 0 1% 20px 1%;
    background-color: #fff;
}

.side_r .listArt {
    margin-top: 0;
    padding: 0;
    overflow: hidden;
}

.side_r .listArt dl {
    width: 100%;
    padding: 10px 0;
    margin: 0 auto;
    border: none;
}

.side_r .listArt dl dd li {
    height: 38px;
    line-height: 38px;
}

.artpage {
    padding: 0 15px;
    background: #fff;
    min-height: 600px;
    margin-bottom: 20px;
}

.artinfo {
    width: 100%;
    padding-bottom: 10px;
}

.artinfo dt {
    padding: 10px 0;
    overflow: hidden;
}

.artinfo dt h1 {
    font-size: 26px;
    font-weight: normal;
    color: #545454;
}

.artinfo dd {
    font-size: 15px;
    color: #888;
    overflow: hidden;
}

.artintro {
    background-color: #ffffff;
    font-size: 15px;
    color: #b42b25;
    border: 1px #b42b25 dashed;
    margin: 20px auto;
    height: 139px;
    text-align: center;
    padding-top: 27px;
}

.artintro ul {
    height: inherit;
}

.artintro ul li {
    float: left;
    width: 49%;
}

.artintro ul li .logo {
    width: 70%;
}

.artintro ul li:nth-child(1) {
    width: 22%;
}

.artintro ul li:nth-child(2) {
    text-align: left;
    padding-left: 24px;
    color: #b42b25;
}

.artintro ul li:nth-child(3) {
    width: unset;
    height: inherit;
}

.artintro ul li h4 {
    font-size: 26px;
}

.artintro ul li p {
    margin: 13px 0;
}

.artintro ul li .down-page-0219 {
    position: relative;
    bottom: -60px;
}

.artintro ul li .down-page-0219 img:hover {
    opacity: 0.9;
}

@media screen and (max-width: 768px) {
    .artintro {
        background-color: #e6f4fa;
        font-size: 15px;
        color: #0e8cca;
        border: 1px solid #0ec4ca;
        margin: 20px auto;
        height: 139px;
        text-align: center;
        padding-top: 27px;
    }

    .artintro ul {
        height: inherit;
    }

    .artintro ul li {
        float: left;
        width: 49%;
    }

    .artintro ul li .logo {
        width: 100%;
        margin-top: 12px;
    }

    .artintro ul li:nth-child(1) {
        width: 12%;
    }

    .artintro ul li:nth-child(2) {
        text-align: left;
        padding-left: 24px;
        width: 58%;
    }

    .artintro ul li:nth-child(3) {
        width: unset;
        height: inherit;
    }

    .artintro ul li h4 {
        font-size: 15px;
    }

    .artintro ul li p {
        margin: 5px 0;
        font-size: 8px;
    }

    .artintro ul li .down-page-0219 {
        position: relative;
        bottom: -33px;
    }

    .artintro ul li .down-page-0219 img {
        width: 80px;
    }
}

.artcontent {
    width: 100%;
    padding: 20px 0 20px 0;
    line-height: 150%;
    font-size: 15px;
    color: #545454;
    position: relative;
    overflow: hidden;
}

.artcontent img {
    max-width: 680px !important;
    height: auto;
    text-indent: 0em !important;
    margin: 5px auto;
}

.artcontent p {
    display: block;
    clear: both;
    margin-bottom: 10px;
}

.artcontent a {
    color: #CA0E1C;
}

.artcontent .tags {
    color: #999;
    margin-top: 20px;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.artcontent .tags a {
    margin: 0 5px;
}

.aboutpage {
    width: 80%;
    margin: 0 auto;
    padding: 30px 10% 0;
}

.aboutpage .artcontent {
    padding: 0;
    line-height: 180%;
}

.aboutpage .artcontent h1 {
    font-size: 26px;
    font-weight: normal;
    color: #545454;
}

.art_next {
    width: 100%;
    padding: 15px 0;
    height: 45px;
    line-height: 45px;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #ddd;
}

.art_next span {
    width: 47.5%;
    height: 45px;
    line-height: 45px;
    color: #999;
}

.art_next span.next {
    float: left;
    text-align: left;
}

.art_next span.pre {
    float: right;
    text-align: right;
}

.art_next a {
    color: #333;
}

.art_down {
    width: 100%;
    padding: 40px 0;
    overflow: hidden;
    clear: both;
    border-top: 1px solid #ddd;
    text-align: center;
}

.art_down a {
    width: 183px;
    height: 60px;
    line-height: 60px;
    border-radius: 4px;
    color: #fff;
    font-size: 22px;
    display: inline-block;
    text-indent: 2em;
    margin: 0 0 20px 20px;
    background: #ccc url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 15px 12px;
    overflow: hidden;
}

.art_down a.d1 {
    background-color: #89C60F;
}

.art_down a.d2 {
    background-color: #14BB8F;
    background-position: 15px -60px;
}

.art_down a.d3 {
    background-color: #06BECA;
}

.art_down a:hover {
    background-color: #0079E2;
}

.art_like {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    position: relative;
}

.art_like .like_l {
    width: 47.5%;
    float: left;
}

.art_like .like_r {
    width: 47.5%;
    float: right;
}

.art_like h3 {
    width: 100%;
    font-size: 20px;
    margin-bottom: 6px;
    color: #395169;
    overflow: hidden;
    position: relative;
}

.art_like ul {
    width: 98%;
    overflow: hidden;
}

.art_like ul li {
    display: block;
    height: 33px;
    line-height: 33px;
    overflow: hidden;
}

.art_like ul li span {
    float: right;
    font-size: 12px;
    color: #999;
}

.art_like ul li a {
    color: #555;
    font-size: 14px;
}

.art_like ul li a:hover {
    color: #CA0E1C;
    text-decoration: none;
}

.videolist {
    margin: 0 0 30px;
    padding: 30px 0;
    background-color: #fafafa;
}

.videolist .container {
    background-color: #fff;
}

.videolist .videotit {
    margin: 10px 0;
    color: #0079E2;
    text-align: center;
    overflow: hidden;
}

.videolist .videotit h3 {
    font-size: 42px;
    font-weight: normal;
    background: #fff url('http://www.mofazhu.com/d/imgs/pic/video_line.png') no-repeat 50% 55%;
}

.videolist .videotit p {
    line-height: 220%;
    font-size: 15px;
}

.videolist .videoitem .videos {
    float: left;
    width: 22%;
    padding: 1%;
    margin-right: 1.1%;
    margin-bottom: 20px;
    color: #545454;
    z-index: 2;
    position: relative;
}

/*.videolist .videoitem .videos:hover{box-shadow: 0 6px 7px #ccc; border:1px solid #f1f1f1; background-color: #fff; }*/
.videolist .videoitem .videos.mr0 {
    margin-right: 0%;
}

.videolist .videoitem .videos .shade {
    opacity: 0;
    filter: alpha(opacity=0);
    position: absolute;
    z-index: 1;
    top: -5px;
    right: -5px;
    bottom: -5px;
    left: -5px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.videolist .videoitem .videos .shade:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -1px;
    bottom: -1px;
    left: -1px;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.videolist .videoitem .videos:hover .shade {
    opacity: 1;
}

.videolist .videoitem .videos dl {
    width: 100%;
    overflow: hidden;
    z-index: 2;
    position: relative;
}

.videolist .videoitem .videos dl dt {
    width: 100%;
    height: 168px;
    background-color: #22293C;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.videolist .videoitem .videos dl dt .vimg {
    width: 100%;
    height: 100%;
}

.videolist .videoitem .videos dl dt em {
    width: 56px;
    height: 56px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -27px 0 0 -27px;
    display: inline-block;
    background: url('http://www.mofazhu.com/d/imgs/pic/play_bg.png') no-repeat;
    background-size: 56px 224px;
    cursor: pointer;
    z-index: 999;
}

.videolist .videoitem .videos dl dt em.startPlay {
    background-position: 0 0;
}

.videolist .videoitem .videos dl dt:hover em.startPlay,
.videolist .videoitem .videos dl dt em.startPlay:hover {
    background-position: 0 -112px;
}

.videolist .videoitem .videos dl dt em.stopPlay {
    background-position: 0 -105px;
}

.videolist .videoitem .videos dl dt em.stopPlay:hover {
    background-position: 0 -315px;
}

.videolist .videoitem .videos dl dd {
    width: 100%;
    padding: 10px 0 0;
    overflow: hidden;
    font-size: 15px;
}

.videolist .videoitem .videos dl dd div {
    clear: both;
    padding: 2px 0;
}

.videolist .videoitem .videos dl a {
    color: #545454;
    font-size: 15px;
}

.videolist .videoitem .videos dl .vi_tit {
    width: 100%;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
}

.videolist .videoitem .videos dl .vi_date {
    text-align: center;
}

.videolist .videoitem .videos dl .vi_info {
    width: 100%;
    height: 26px;
    line-height: 26px;
    padding-bottom: 5px;
    overflow: hidden;
}

.videolist .videoitem .videos dl .vi_info span {
    width: 47.5%;
}

.videolist .videoitem .videos dl .vi_info .fl {
    background-position: 0 5px;
}

.videolist .videoitem .videos dl .vi_info .fr {
    text-align: left;
    background-position: 0 -25px;
}

.videolist .videoitem .videosdl .vi_like {
    width: 100%;
    height: 26px;
    line-height: 26px;
    overflow: hidden;
}

.videolist .videoitem .videos dl .vi_like span {
    width: 47.5%;
    background: url('http://www.mofazhu.com/d/imgs/pic/like_bg.png') no-repeat;
    display: inline-block;
    text-indent: 2em;
}

.videolist .videoitem .videos dl .vi_like .fl {
    background-position: 0 5px;
}

.videolist .videoitem .videos dl .vi_like .fr {
    text-align: left;
    background-position: 0 -25px;
}

.videolist .loadMoreVideo {
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    color: gray;
}

#videoPlayShow {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#BF000000, endColorstr=#BF000000);
    /* IE*/
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 2147483646 !important;
    display: none;
}

#videoPlayShow .palyContent {
    width: 640px;
    height: 360px;
    border: 15px solid #fff;
    background: #000;
    position: absolute;
    top: 45%;
    left: 50%;
    margin: -195px 0 0 -335px;
}

#videoPlayShow .palyContent .palyCode {
    width: 640px;
    height: 360px;
    overflow: hidden;
    position: relative;
    clear: both;
}

#videoPlayShow .palyContent .palyCode video,
#videoPlayShow .palyContent .palyCode embed {
    width: 100%;
    height: 100%;
    object-fit: fill;
}

#videoPlayShow .closeVideo {
    width: 34px;
    height: 34px;
    text-align: center;
    border-radius: 50%;
    position: absolute;
    top: -34px;
    right: -34px;
    background: #fff url('http://www.mofazhu.com/d/imgs/pic/closeplay.png') no-repeat 50% 50%;
    cursor: pointer;
    z-index: 2147483647 !important;
}

.pcHide,
.wapTopFixed,
.wapHomeBanner {
    display: none !important;
}

#qidian_wpa_2852162057_44 {
    display: none;
}

/* <=768*/
@media screen and (max-width: 768px) {

    /* home*/
    /*.topFixed,*/
    .home_intro,
    .currentdown,
    .home_link,
    .ft .ft_nav,
    .art_banner,
    .pos,
    .side_r,
    .artcontent .tags,
    .art_like,
    .art_down,
    .art_next,
    .artnav,
    .videolist .videotit {
        display: none;
        width: 0;
        height: 0;
    }

    body {
        padding-top: 60px;
    }

    .topFixed {
        display: block !important;
        position: fixed;
        top: 0;
        height: 50px;
        background: #fff;
        z-index: 999999;
        clear: both;
        border-bottom: 1px solid #EAEAEA;
        overflow: hidden;
    }

    .container {
        width: 100%;
    }

    .hd {
        padding-bottom: 0;
    }

    .hd .h-logo {
        width: 60%;
    }

    .hd .h-logo a {
        width: 100%;
        height: 50px;
        background: #fff url(http://www.mofazhu.com/d/imgs/pic/phone/logo.png) no-repeat;
        background-size: 154px 50px;
    }

    .hd .h-search {
        width: 35%;
        height: 24px;
        margin-top: 10px;
        margin-right: 2%;
        padding-left: 0;
        border: 1px solid #CA0E1C;
    }

    .hd .h-search form {
        display: block;
        height: 24px;
    }

    .hd .h-search .ipt {
        width: 65%;
        height: 24px;
        font-size: 12px;
        text-indent: 1em;
    }

    .hd .h-search .btn {
        width: 30%;
        height: 24px;
        background: #fff url(http://www.mofazhu.com/d/imgs/pic/so-btn.png) no-repeat 50%;
        background-size: 15px;
    }

    .hd .h-nav {
        width: 100%;
        height: auto;
        white-space: nowrap;
        float: none;
        margin-top: 0;
        padding: 0;
        overflow-x: scroll;
    }

    .hd .h-nav::-webkit-scrollbar {
        display: none;
        width: 100%;
        line-height: 100%;
    }

    .hd .h-nav li {
        width: 20%;
        float: none;
        display: inline-block;
        height: 35px;
        line-height: 35px;
        padding: 4px 0 4px;
        text-align: center;
    }

    .hd .h-nav li a {
        font-size: 110%;
        display: inline-block;
        color: #545454;
        position: relative;
    }

    .hd .h-nav li.on a {
        color: #ffffff;
    }

    .hd .h-nav li.on a:after {
        content: '';
        width: 100%;
        height: 3px;
        background-color: #CA0E1C;
        position: absolute;
        bottom: -4px;
        display: block;
    }

    .wapHomeBanner {
        display: block !important;
        min-height: 180px;
        margin: 0 0 1rem;
        background: #fff url(http://www.mofazhu.com/d/imgs/pic/phone/wap_home_banner.png) no-repeat 50% 50%;
        background-size: 100%;
        color: #fff;
    }

    .wapHomeBanner .wapBannerInfo {
        width: 80%;
        padding: 5% 0;
        overflow: hidden;
        text-align: center;
    }

    .wapHomeBanner .wapBannerInfo h3 {
        font-size: 160%;
    }

    .wapHomeBanner .wapBannerInfo p {
        line-height: 160%;
    }

    .wapHomeBanner .wapBannerInfo a {
        width: 50%;
        padding: 1.5% 0;
        margin: 3% 0 1.5%;
        color: #0D78C6;
        display: inline-block;
        background-color: #fff;
        font-size: 110%;
        box-shadow: 0 3px 15px 3px #D7D7D9;
    }

    .wapHomeBanner .wapBannerInfo a:hover {
        background-color: #0D78C6;
        color: #fff;
    }

    .home_banner {
        height: 200px;
        background: #fff url(http://www.mofazhu.com/d/imgs/pic/phone/wap_home_banner.png) no-repeat 50% 50%;
        background-size: 100% 100%;
        margin-bottom: 10px;
    }

    .home_banner dl {
        width: 83%;
        padding-right: 0;
        padding-top: unset;
    }

    .home_banner dl dt {
        padding: 10px 0;
        font-size: 100%;
    }

    .home_banner dl dt strong {
        font-size: 160%;
    }

    .home_banner dl dt span {
        display: block;
        font-size: 100%;
        font-weight: normal;
    }

    .home_banner dl dd {
        width: 100%;
        color: #fff;
        text-align: center;
    }

    .home_banner dl dd .down_submit {
        width: 100%;
        margin: 3px 0;
        text-align: center;
        padding-top: unset;
        padding-left: 32px;
    }

    .home_banner dl dd .down_submit a {
        width: 46%;
        height: 40px;
        line-height: 40px;
        background: #fff url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 12% -92px;
        background-size: 25px;
        text-indent: 1.8em;
        border-radius: 5px;
        overflow: hidden;
        display: inline-block;
        color: #C90F1C;
        font-size: 100%;
    }

    .home_banner dl dd .down_submit a:hover {
        /* background:#FC9924 url(http://www.mofazhu.com/d/imgs/pic/icondown_bg.png) no-repeat 23% 7px; */
        background-size: 25px;
        color: #fff;
    }

    .home_banner dl dd span {
        display: block;
        margin: 2px 0;
        color: #fff;
        font-size: 12px;
        padding-left: 14px;
    }

    .home_query {
        margin-top: 0;
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .home_query .upan {
        width: 94%;
        padding: 3%;
        margin: 0;
        border: 0;
        border-radius: 0;
        font-size: 100%;
        box-shadow: 0;
    }

    .home_query .upan span {
        height: 36px;
        line-height: 36px;
        display: inline-block;
        overflow: hidden;
    }

    .home_query .upan span.qtit {
        width: 50%;
    }

    .home_query .upan span.qtit i {
        width: 5px;
        height: 5px;
        margin-bottom: 5px;
    }

    .home_query .upan span.qtit strong {
        margin-left: 10px;
        font-size: 130%;
    }

    .home_query .upan span.q1 {
        width: 48%;
        text-align: right;
    }

    .home_query .upan span.q2 {
        width: 45%;
        text-align: center;
        padding: 0 1.5%;
    }

    .home_query .upan span.q3 {
        width: 45%;
        text-align: center;
        padding: 0 1.5%;
    }

    .home_query .upan span.q4 {
        width: 90%;
        margin-left: 5%;
        text-align: left;
    }

    .home_intro {
        margin-top: 0;
        padding: 15px 0 20px;
        border-bottom: 1px solid #ddd;
    }

    .home_intro dl dt {
        padding: 0;
        margin: 0;
    }

    .home_intro dl dt h3 {
        font-size: 180%;
    }

    .home_intro dl dt span {
        font-size: 130%;
    }

    .home_intro .gonggao {
        display: block;
        text-indent: 4em;
        background-position: 2em 50%;
    }

    .listArt {
        padding-top: 0;
    }

    .listArt dl {
        float: none;
        width: 92%;
        padding: 25px 4% 0;
        margin-bottom: 5px;
        border: 0;
    }

    .listArt dl.mc5 {
        margin: 0;
    }

    .listArt dl dt {
        margin: 5px 0;
    }

    .listArt dl dt strong {
        font-size: 160%;
        background: #fff url(http://www.mofazhu.com/d/imgs/pic/bg.png) no-repeat -10px -102px;
        background-size: 60px;
    }

    .listArt dl dt span {
        float: right;
        margin-top: 5px;
    }

    .listArt dl dd li {
        height: 38px;
        line-height: 38px;
    }

    .listArt dl dd li a {
        font-size: 14px;
    }

    .ft {
        height: auto;
        margin: 0;
        padding: 20px 0;
        font-size: 14px;
    }

    .ft .ft_info {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .sideFixed {
        right: 10px;
        bottom: 40px;
    }

    .likeFixed {
        right: 68px;
        bottom: 168px;
    }

    /*article*/
    .artlist {
        padding: 0;
    }

    .art_main {
        border: 0;
    }

    .main_l {
        float: none;
        width: 100%;
        overflow: hidden;
        position: relative;
        margin: 0;
    }

    .artpage {
        width: 95%;
        padding: 0 3.5% 10px 1.5%;
        min-height: 300px;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 0;
    }

    .artinfo {
        border-bottom: 0;
        padding-bottom: 0;
    }

    .artinfo dt,
    .artinfo dt h1 {
        text-align: left;
        font-size: 115%;
    }

    .artinfo dd {
        text-align: left;
        font-size: 12px;
    }

    .artinfo a {
        color: gray;
    }

    .artintro {
        padding: 10px;
        font-size: 100%;
        margin: 10px auto;
        display: none;
    }

    .artcontent {
        width: 94%;
        padding: 20px 2%;
        margin: auto;
        font-size: 100%;
    }

    .artcontent img {
        max-width: 95% !important;
        margin: auto;
    }

    .pcHide {
        display: block !important;
    }

    .artpage .artItemList {
        border-top: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
    }

    .aboutpage {
        width: 90%;
        margin: 0 auto;
        padding: 10px 0 0;
    }

    .aboutpage .artcontent {
        width: 100%;
        padding: 0;
        line-height: 180%;
    }

    .aboutpage .artcontent h1 {
        font-size: 115%;
    }

    /*article list*/
    .artItemList {
        width: 95%;
        padding: 0 3.5% 10px 1.5%;
    }

    .artItemList .artItem {
        padding: 15px 0;
        border-bottom: 1px solid #ddd;
    }

    .artItemList .artItem .itemTit {
        width: 100%;
        padding: 0;
        overflow: hidden;
    }

    .artItemList .artItem .itemPic {
        width: 100%;
        background-color: #fff;
        line-height: 100%;
        overflow: hidden;
    }

    .artItemList .artItem .itemTit h4 {
        font-size: 14px;
        height: auto;
        line-height: 160%;
        font-weight: normal;
    }

    .artItemList .artItem .itemTit h4 a {
        color: #3A5168;
    }

    .artItemList .artItem .itemTit .pcInfo {
        display: none;
        width: 0;
        height: 0;
    }

    .artItemList .wapInfo {
        display: block;
        width: 100%;
        height: 26px;
        line-height: 26px;
        color: #999;
        font-size: 12px;
        overflow: hidden;
        clear: both;
    }

    .artItemList .wapInfo span {
        float: left;
        width: 32%;
    }

    .artItemList .wapInfo span:nth-child(2) {
        text-align: center;
    }

    .artItemList .wapInfo span:nth-child(3) {
        text-align: right;
    }

    .artItemList .wapInfo span a {
        color: #999;
        font-size: 12px;
    }

    .artItemList .s1 .itemTit,
    .artItemList .s2 .itemTit,
    .artItemList .s3 .itemTit {
        float: right;
        width: 65%;
    }

    .artItemList .s1 .itemPic,
    .artItemList .s2 .itemPic,
    .artItemList .s3 .itemPic {
        float: left;
        width: 30%;
    }

    .artItemList .s1 .itemPic img,
    .artItemList .s2 .itemPic img,
    .artItemList .s3 .itemPic img {
        width: 100%;
        height: 100%;
        max-height: 68px;
    }

    /**
    2023-11-3 魔法猪汇总更改 保留备份
    .artItemList .s1 .itemTit {
        float: right;
        width: 65%;
    }

    .artItemList .s1 .itemPic {
        float: left;
        width: 30%;
    }

    .artItemList .s1 .itemPic img {
        width: 100%;
        height: 100%;
        max-height: 68px;
    }

    .artItemList .s2 .itemTit {
        margin-bottom: 10px;
    }

    .artItemList .s2 .itemPic .wapPiclist {
        display: block;
        width: 100%;
        height: auto;
    }

    .artItemList .s2 .itemPic .titPic {
        display: none;
        width: 0;
        height: 0;
    }

    .artItemList .s2 .itemPic .wapPiclist a {
        float: left;
        width: 30.3%;
        height: auto;
        padding: 0 1.5%;
        display: block;
    }

    .artItemList .s2 .itemPic .wapPiclist a img {
        width: 100%;
        max-height: 68px;
    }

    .artItemList .s3 .itemPic {
        padding-top: 10px;
    }

    .artItemList .s3 .itemPic img {
        width: 100%;
        max-height: 180px;
    }
    */

    .s_page {
        width: 96%;
        padding: 0 2%;
        height: auto;
        margin: 10px auto;
    }

    .s_page a,
    .s_page b {
        padding: 2px 5px;
        font-size: 13px;
    }

    .s_page a:nth-child(1),
    .s_page a:nth-last-child(1) {
        display: none;
    }

    .videolist {
        margin-top: 0;
        padding: 0;
    }

    .videolist .videoitem {
        width: 94%;
        padding: 0 3%;
        overflow: hidden;
    }

    .videolist .videoitem .videos {
        width: 100%;
        float: none;
        margin: 0;
        padding: 20px 0 12px;
        box-shadow: none;
        font-size: 13px;
        border: 0;
        clear: both;
        border-top: 1px solid #ddd;
    }

    .videolist .videoitem .videos dl:nth-child(1) {
        border: 0;
    }

    .videolist .videoitem .videos dl dd div {
        clear: none;
    }

    .videolist .videoitem .videos dl .vi_tit {
        height: 20px;
    }

    .videolist .videoitem .videos dl .vi_date {
        font-size: 13px;
        color: gray;
    }

    .videolist .videoitem .videos dl .vi_info {
        float: right;
        width: 49%;
        padding-bottom: 0;
        color: #999;
    }

    .videolist .videoitem .videos dl .vi_info span {
        width: 47.5%;
    }

    .videolist .videoitem .videos dl .vi_like {
        float: left;
        width: 49%;
        color: #999;
    }

    .videolist .videoitem .videos dl .vi_like span {
        background-size: 16px;
    }

    .videolist .videoitem .videos dl .vi_like .fl {
        background-position: 5px 8px;
    }

    .videolist .videoitem .videos dl .vi_like .fr {
        background-position: 5px -15px;
    }

    #videoPlayShow {
        background: rgba(0, 0, 0, 0.8);
    }

    #videoPlayShow .palyContent {
        width: 96%;
        height: 50%;
        margin: 0 0 0 -48.5%;
        border: 3px solid #fff;
        background: #000;
        position: absolute;
        top: 20%;
        left: 50%;
    }

    #videoPlayShow .palyContent .palyCode {
        width: 100%;
        height: 100%;
    }

    #videoPlayShow .closeVideo {
        width: 32px;
        height: 32px;
        top: -28px;
        right: -8px;
        background-size: 32px;
    }

    /* hide*/
    .wapHide {
        display: none !important;
    }

    .wapBr {
        display: block !important;
        padding-top: 15px;
        text-align: center;
    }

    #qidian_wpa_2852162057_45 {
        display: none !important;
    }

    #qidian_wpa_2852162057_44 {
        display: block;
    }
}

.hover-button:hover {
    opacity: 0.9;
}

.fixed-xiaoyudown {
    position: fixed;
    top: 0px;
}

/*
  节日更换图片在这里,请上传图片并命名好节日日期
  三条记录分别是PC首页，PC栏目页，手机端栏目页
  如果不需要的时候注释掉就可以了，不建议删除
 */
/*春节 02.04  农历：十二月三十一日
.home_banner { height: 425px; background: #fff url(http://www.mofazhu.com/d/imgs/pic/home_banner_bg_20190204.png) no-repeat 50% 50%; }
.art_banner { height: 287px; background: #fff url(http://www.mofazhu.com/d/imgs/pic/art_bg_20190204.png) no-repeat 50% 50%; }
@media screen and (max-width: 768px){ .home_banner { height: 200px; background: #fff url(http://www.mofazhu.com/d/imgs/pic/phone/wap_home_banner_20190204.png) no-repeat 50% 50%; background-size: 100% 100%; margin-bottom: 10px; }
*/
/* shq 2020.7.2 */
body {
    min-width: 1200px;
}

.topFixed {
    min-width: 1200px;
}

.shq_phone_hanner {
    display: none;
}

.home_banner {
    height: 500px;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/maz_bg.gif) no-repeat 50% 50%;
    background-size: cover;
    /* background-position: top center; */
}

.listArt {
    padding: 30px 0;
    background-color: #fff;
}

.art_banner {
    height: 287px;
    background: #fff url(http://www.mofazhu.com/d/imgs/pic/art_bg.png) no-repeat 50% 50%;
    background-size: cover;
}

.artItemList .artItem .itemTit .pcInfo .item_date {
    float: left;
    text-indent: 2em;
    margin-right: 30px;
    background: url(http://www.mofazhu.com/d/imgs/pic/bgSmallitem.png) no-repeat left 2px;
    font-size: 12px;
    background-size: 16px;
}

.artItemList .artItem .itemTit .pcInfo .item_tag {
    float: left;
    text-indent: 2em;
    background: url(http://www.mofazhu.com/d/imgs/pic/bgSmallitem.png) no-repeat left -16px;
    background-size: 16px;
}

.artItemList .artItem .itemTit .pcInfo .item_tag a {
    margin-right: 10px;
    color: #999;
    display: inline-block;
    width: 108px;
    height: 18px;
    overflow: hidden;
    font-size: 12px;
    text-indent: 0;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    body {
        min-width: 100%;
    }

    .topFixed {
        min-width: 100%;
    }

    .shq_pc_hanner {
        display: none;
    }

    .shq_phone_hanner {
        display: block;
        width: 100%;
    }

    .shq_phone_hanner .shq_phone_bannerImg {
        display: block;
        width: 100%;
    }

    #videoPlayShow .palyContent {
        width: 96%;
        height: auto;
        margin: 0 0 0 -48.5%;
        border: 3px solid #fff;
        background: #000;
        position: absolute;
        top: 30%;
        left: 50%;
    }

    #videoPlayShow .palyContent .palyCode {
        width: 100%;
        height: auto;
    }

    #videoPlayShow .palyContent .palyCode video,
    #videoPlayShow .palyContent .palyCode embed {
        display: block;
        width: 100%;
        height: auto;
        object-fit: fill;
    }
}

/* lj: 2022/04/15 */
.lj-pc-hanner {
    width: 100%;
    position: relative;
}

.lj-pc-hanner .lj-pc-hanner-img {
    min-width: 100%;
    display: block;
}

.lj-pc-hanner .lj-pc-hanner-container {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    padding: 0 18px 0 25px;
    box-sizing: border-box;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-one {
    color: #e21e26;
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 21px;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-two {
    color: #e3383d;
    font-size: 16px;
    line-height: 40px;
    margin-bottom: 28px;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-three {
    display: flex;
    margin-bottom: 20px;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-three .lj-pc-hanner-container-left-three-img {
    display: block;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-three .lj-pc-hanner-container-left-three-txt {
    color: #e01f24;
    font-size: 16px;
    font-weight: bold;
    margin-left: 57px;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-four .lj-pc-hanner-container-left-four-txt {
    color: #e3383d;
    font-size: 14px;
    line-height: 30px;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-left .lj-pc-hanner-container-left-four .lj-pc-hanner-container-left-four-txt:nth-child(2) {
    margin-left: 20px;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-right .lj-pc-hanner-container-right-one {
    width: 616px;
    position: relative;
    overflow: hidden;
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-right .lj-pc-hanner-container-right-two {
    font-size: 14px;
    color: #000;
    text-align: center;
    cursor: pointer;
    transform: translate(3%, -44%);
}

.lj-pc-hanner .lj-pc-hanner-container .lj-pc-hanner-container-right .lj-pc-hanner-container-right-two .lj-pc-hanner-container-right-two-act {
    color: #e3383d;
}

.lj-top-listArt .listArt-swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.lj-top-listArt .listArt-swiper .swiper-pagination-bullet {
    opacity: 0.4;
}

.lj-top-listArt .listArt-swiper .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1;
}

.lj-top-listArt dl dt {
    margin: 0;
}

.lj-top-listArt dl dd li {
    height: 38px;
    line-height: 38px;
}


@media screen and (min-width: 768px) {
    .hd .h-nav {
        float: none;
        margin-top: 4px;
        width: 711px;
        transform: translateX(41px);
    }

    .hd .h-nav li {
        width: calc(100% / 6);
    }

    .hd .h-nav li.on a {
        position: relative;
        font-weight: bold;
    }

    .hd .h-nav li.on a::after {
        content: '';
        display: block;
        width: 100%;
        height: 2px;
        background-color: #fff;
        position: absolute;
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
    }

    .hd .h-nav li:hover a {
        font-weight: bold;
    }

    .hd .h-search {
        height: 26px;
        box-sizing: border-box;
        margin-top: 7px;
    }

    .hd .h-search form {
        height: 26px;
    }

    .hd .h-search form .ipt {
        height: 26px;
        transform: translateY(-2px);
    }

    .hd .h-search form .btn {
        width: 36px;
        height: 30px;
        background: url(../img/image-1649390156309.png) no-repeat center;
        transform: translateY(-3px);
    }

    .hd .hot-word {
        display: flex;
        justify-content: flex-end;
        margin-top: 5px;
    }

    .hd .hot-word .hot-word-item {
        color: #e6e6e6;
        margin-right: 45px;
    }

    .hd .hot-word .hot-word-item:last-child {
        margin-right: 0;
    }

    .lj-left-label {
        position: absolute;
        top: 8px;
        left: -9px;
        display: inline-block;
    }

    .listArt {
        padding: 0;
    }

    .listArt dl dt strong {
        text-indent: 24px;
        margin-bottom: 7px;
        font-weight: bold;
        font-size: 24px;
    }

    .listArt dl dt span a {
        color: #000;
    }

    .listArt dl dd li a:before {
        width: 8px;
        height: 8px;
        background-color: #636363;
        margin-right: 15px;
    }

    .lj-top-listArt {
        padding-top: 30px;
    }

    .home_link {
        padding: 0;
        box-sizing: border-box;
    }

    .home_link .lj-left-label {
        left: 0;
        top: 5px;
    }

    .home_link dl dt strong {
        text-indent: 37px;
    }

    .currentdown {
        margin-bottom: 0;
    }

    .currentdown h2 {
        color: #000;
        font-size: 40px;
        margin-bottom: -11px;
    }

    .currentdown h3 {
        font-size: 24px;
        margin-bottom: -6px;
    }

    .currentdown h4 {
        font-size: 21px;
        margin-bottom: 42px;
    }

    .currentdown p {
        line-height: 40px;
        margin: 0 auto;
    }
}

/* 2023-4 */
.hot_key {
    margin-right: 15px;
    background-color: rgb(237, 81, 83);
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
}

.swiper_hot {
    margin-top: 40px;
    border: #eee 1px solid;
    padding: 10px 0px;
    display: flex;
    position: relative;
    border-radius: 5px;
}

#swiper_hot_title {
    width: 100px;
    position: absolute;
    cursor: pointer;
    left: 10px;
    top: -10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 4px 10px;
    color: #fff;
    background-color: #108ddd;
    border-radius: 5px;
}

.swiper_hot_tags {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.new_hot {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.new_hot_span {
    background-color: #eee;
    padding: 4px 0px;
    height: 17px;
    width: 14%;
    overflow: hidden;
    margin: 5px;
    text-align: center;
    border-radius: 4px;
    font-size: 14px;
    color: #000;
    border: #ddd 1px solid;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.new_hot_span:hover {
    background-color: #108ddd;
    color: #fff;
}

.home_hot_key {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0px 24px;
}

.swiper_hot_tags {
    margin-top: 8px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hot_tag_list {
    width: 32%;
}

.hot_tag_card {
    width: 100%;

}

.hot_tag {
    margin: 15px 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    cursor: pointer;
    font-size: 15px;
}

.hot_tag a {
    width: 80%;
    color: #444;
    display: -webkit-box;
    text-overflow: ellipsis;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.hot_tag:hover a {
    color: #108ddd;
}

.hot_tag:hover span {
    color: #108ddd;
}


.hot_tag a::before {
    content: '';
    display: inline-block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #444;
    margin-right: 8px;
    margin-bottom: 3px;
}

.hot_tag:hover a:before {
    background-color: #108ddd;
}

.software_2023 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    margin-bottom: 20px;
    padding: 0px 24px;
}

.software_2023_card {
    width: 32%;
    border-radius: 10px;
    height: 160px;
    border: 1px #ddd solid;
    position: relative;
    display: flex;
    justify-content: center;
    padding: 15px 0px;
}

.software_tag {
    position: absolute;
    right: -8px;
    top: 15px;
    width: 64px;
    height: 29px;
    font-size: 13px;
    color: #fff;
    display: flex;
    justify-content: center;
    line-height: 26px;
}

.xiaobai_tag {
    background-image: url(/d/imgs/img/2023/U_New.png);
}

.huifu_tag {
    background-image: url(/d/imgs/img/2023/xiaobaixdata_lig.png);
}

.pdf_tag {
    background-image: url(/d/imgs/img/2023/xiaobaipdf_lig.png);
}

.software_body {
    /* width: 80%; */
    display: flex;
    flex-direction: column;
}

.software_head {
    display: flex;
    align-items: center;
}

.software_head img {
    /* width: 36px; */
}

.software_head div {
    font-size: 22px;
    font-weight: bold;
    margin-left: 10px;
}

.software_content {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
}

.software_content_text {
    margin: 2px 0px;
    font-size: 16px;
    display: flex;
    position: relative;
}

.software_content_tips {
    width: 52px;
    height: 15px;
    font-size: 1px;
    padding: 4px 5px;
    background-image: url(/d/imgs/img/2023/xiaobaisoft_tit.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: -73px;
    top: -10px;
}

.software_foot {
    display: flex;
    justify-content: space-between;
}

.software_button {
    height: 36px;
    border-radius: 5px;
    width: 136px;
    padding: 0px 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 15px;
    margin: 0px 10px;
}

.software_button div {
    font-size: 16px;
}

.software_button small {
    font-size: 14px;
    font-weight: bold;
}

.software_button span {
    font-size: 16px;
    font-weight: bold;
}

.xiaobai_down {
    background-color: rgb(237, 81, 83);
    color: #fff;
}

.xiaobai_more {
    background-color: #fff;
    border: 1px solid rgb(237, 81, 83);
    color: rgb(237, 81, 83);
}

#m1:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgb(237, 81, 83);
    color: #fff;
}

#ms1:hover {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: rgb(237, 81, 83);
    color: #fff;
}


.data_down {
    background-color: #0091E5;
    color: #fff;
}

.data_more {
    background-color: #fff;
    border: 1px solid #0091E5;
    color: #0091E5;
}

/* .data_more:hover{
    background-color: #0091E5;
    color: #fff;
  } */

.pdf_down {
    background-color: #3A87f8;
    color: #fff;
}

.pdf_more {
    background-color: #fff;
    border: 1px solid #3A87f8;
    color: #3A87f8;
}

.pdf_more:hover {
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #3A87f8;
    color: #fff;
}

.data_more:hover {
    color: rgba(255, 255, 255, 1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    background-color: #0091E5;
    color: #fff;
}

.software_head_a {
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    /* margin-left: 40px; */
    text-align: center;
    width: 80%;
}

.web_ask {
    width: 93%;
    display: flex;
    margin-top: 10px;
    padding: 5px 10px;
    color: #f83d44;
    border-radius: 30px;
    justify-content: space-around;
    align-items: center;
    font-weight: bold;
    border: #f83d44 dashed 1px;
}

.web_ask div {
    display: flex;
    justify-content: center;
    align-items: center;
}

.web_ask_a {
    margin-left: 10px;
    color: #f83d44;
    line-height: 18px;
    border-bottom: 2px solid #f83d44;
}

.new_bar {
    width: 90%;
    padding: 10px 2px;
    background-color: #fff;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 30px;
}

.new_bar_a2 {
    margin-left: 10px;
    border-radius: 30px;
    padding: 10px 10px;
    display: flex;
    font-size: 16px;
    color: #fff;
    justify-content: center;
    align-items: center;
    background-color: #f83d44;
    width: 40%;
}

.new_bar_a2:hover {
    color: #fff;
    background-color: #ff141c;
}

.new_bar_a1 {
    width: 60%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.new_bar_a1 img {
    margin: 0px 5px;
}

.sw {
    position: relative;
    width: 616px;
    margin-bottom: 20px;
    height: 376px;
}

.swb1 {
    background-image: url(/d/imgs/step/b1.png);
}

.swb2 {
    background-image: url(/d/imgs/step/b2.png);
}

.swb3 {
    background-image: url(/d/imgs/step/b3.png);
}

#sp1 {
    position: absolute;
    right: -100px;
    bottom: -10px;
}

#sp2 {
    position: absolute;
    right: -100px;
    bottom: -10px;
}

#sp3 {
    position: absolute;
    left: -100px;
    bottom: -10px;
}

.st {
    width: 170px;
    height: 92px;
    display: flex;
    padding-top: 18px;
    padding-left: 20px;
    padding-right: 12px;
    position: absolute;
    background-repeat: no-repeat;
    color: #f83d44;
    margin: auto;
    background-size: 100%;
    font-size: 16px;
}

#st1 {
    background-image: url(/d/imgs/step/t1.png);
    top: 50px;
    left: -100px;
    bottom: 0px;
}

#st2 {
    background-image: url(/d/imgs/step/t2.png);
    top: 50px;
    left: -100px;
    bottom: 0px;
}

#st3 {
    background-image: url(/d/imgs/step/t3.png);
    top: 50px;
    right: -100px;
    bottom: 0px;
}

/* 2023年5月6日 */
/* 2023年4月17日 */
.new_download {
    background-color: #0078E1;
}

#new_wap_pc_swiper {
    margin-top: 40px;
}

#new_wap_pc_swiper .swiper-slide {
    display: flex;
    height: 400px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.swiper_info {
    margin: 10px 0px;
}

.swiper_button {
    z-index: 999;
    position: absolute;
    height: 32px;
    width: 32px;
    cursor: pointer
}

#button_prev {
    top: 50%;
    left: 18%;
}

#button_next {
    top: 50%;
    right: 18%;
}

.swiper_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#info_text {
    margin: auto;
    width: 70%;
    text-align: center;
    font-size: 17px;
    margin: 10px 0px;
}

.new_down_head {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.new_down_head_title {
    width: 48%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_down_head_title2 {
    width: 52%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.new_down_head_title_text {
    font-size: 27px;
    font-weight: bold;
}

.new_down_head_title_text2 {
    font-size: 32px;
    font-weight: bold;
    z-index: 99;
}

.blue_line {
    background-color: #0079E2;
    width: 40px;
    height: 4px;
    margin-top: 5px;
    margin-bottom: 20px;
}


.blue_line3 {
    background-color: #D6D6D6;
    height: 16px;
    border-radius: 15px;
    margin-top: -15px;
}

.new_down_notes {
    width: 60%;
    text-align: center;
    font-size: 15px;
}

.new_down_notes3 {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

.new_down_more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 20px;
}






.new_down_more a {
    width: 210px;
    height: 56px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0079E2;
    border-radius: 5px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.new_down_more a:hover {
    background-color: #0083F1;
}

.new_down_ex {
    display: flex;
    margin-bottom: 40px;
    justify-content: space-between;
}

.new_down_ex_card {
    width: 23%;
    height: 230px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
}

.ex_card_round {
    top: 0px;
    position: absolute;
    right: 0px;
    height: 73px;
    display: flex;
    font-size: 38px;
    font-weight: bold;
    color: #fff;
    width: 73px;
    background-image: url(/d/imgs2018/download/round2.png);
}

.ex_card_round span {
    position: absolute;
    right: 16px;
}

.ex_content {
    top: 20px;
    position: absolute;
    bottom: 0px;
    left: 30px;
    margin: auto;
    height: 70%;
    width: 80%;
    display: flex;
    flex-direction: column;
}

.ex_title {
    font-size: 19px;
    font-weight: bold;
}

.blue_line2 {
    background-color: #0079E2;
    width: 40px;
    height: 4px;
    margin: 10px 0px;
}

.ex_notes span {
    font-size: 16px;
    font-weight: bold;
}

.new_down_ex_card:hover .ex_card_round {
    background-image: url(/d/imgs2018/download/round1.png);
}

.new_down_ex_card:hover {
    cursor: pointer;
    transform: translateY(-20px);
}

.bg_grey {
    background-color: #F9F9F9;
    padding: 40px 0px;
}

.new_down_notes2 {
    width: 80%;
    text-align: center;
    font-size: 15px;
}

.new_down_why {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60px 0px;
}

.new_down_why_left {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.new_down_why_right {
    width: 360px;
    height: 510px;
    border: #84bdee 2px dashed;
    border-radius: 8px;
    padding: 16px;
}

.mySwiper3 {
    width: 100%;
    height: 100%;
}

.slide3 {
    position: relative;
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: #0d78c6;
    border-radius: 15px;
    color: #fff;
}

.pages {
    position: absolute;
    bottom: 20px;
    left: 0px;
    width: 100%;
    margin-bottom: 10px;
}

.pages .swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.new_down_why_title {
    font-size: 25px;
    font-weight: bold;
    margin: 30px 0px;
}

.new_down_why_notes {
    width: 80%;
    font-size: 16px;
}

.new_down_how {
    margin-top: 30px;
    font-size: 16px;
}

.new_down_see {
    background-color: #fff;
    color: #0067b8;
    margin-top: 40px;
    width: 240px;
    height: 60px;
    font-size: 24px;
    font-weight: bold;
    border-radius: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.new_down_why_left_title {
    font-size: 46px;
    font-weight: bold;
}

.new_down_why_left_cards {
    margin-top: 30px;
    display: flex;
    width: 95%;
    justify-content: space-between;
}

.new_down_why_left_card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.why_left_card_title {
    font-size: 22px;
    font-weight: bold;
    margin-top: 40px;
}

.why_left_card_notes {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 5px;
    font-size: 15px;
}

.why_left_card_circ {
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    cursor: pointer;
}

.new_down_vs {
    padding: 30px 0px;
}

.new_down_vs_bar {
    display: flex;
    justify-content: center;
}

.new_down_vs_bar div {
    width: 240px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
}

.new_down_vs_bar_left {
    background-color: #0D78C6;
    border-radius: 10px 0px 0px 10px;
    border: #0D78C6 solid 1px;
    color: #fff;
}

.new_down_vs_bar_right {
    border: #0D78C6 solid 1px;
    border-radius: 0px 10px 10px 0px;
    background-color: #fff;
}

.new_down_vs_cards {
    margin: 40px 0px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.new_down_vs_card {
    width: 580px;
    height: 140px;
    border-radius: 5px;
    border: 1px #eee solid;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
}

.vs_card_right {
    margin-left: 40px;
    width: 60%;
}

.vs_card_right_title {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

.bg_grey2 {
    background-image: url('/d/imgs2018/download/bg.png');
    height: 500px;
    background-size: 100% 100%;
    padding: 60px;
    background-repeat: no-repeat;
    background-color: #fff;
    margin-bottom: 60px;
}

.new_down_user {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.new_down_user_card {
    position: relative;
    width: 390px;
    height: 210px;
    margin-top: 30px;
    border-radius: 5px;
    background-color: #fff;
}

.new_user_footer {
    border-radius: 0px 0px 5px 5px;
    height: 60px;
    position: absolute;
    color: #fff;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background-color: #0079E2;
}

.position {
    position: absolute;
    font-size: 18px;
    margin: auto;
    display: flex;
    line-height: 60px;
    left: 40px;
    top: 0px;
    bottom: 0px;
}

.user_card_name {
    position: absolute;
    font-size: 17px;
    margin: auto;
    display: flex;
    line-height: 64px;
    right: 40px;
    top: 0px;
    bottom: 0px;
}

.user_card_noets {
    position: absolute;
    width: 72%;
    margin: auto;
    font-size: 15px;
    left: 20px;
    top: 0px;
    height: 130px;
    bottom: 0px;
}

.user_card_img {
    position: absolute;
    margin: auto;
    right: 15px;
    width: 80px;
    height: 80px;
    top: 0px;
    bottom: 70px;
}

.new_down_a {
    margin-top: 30px;
    display: flex;
    width: 1200px;
    height: 159px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(/d/imgs2018/download/AD1.png);
}

.new_dows_cards {
    margin: 30px 0px;
    display: flex;
    justify-content: space-between;
}

.new_dows_card_a {
    position: relative;
    color: #fff;
}

.new_dows_card_a:hover {
    color: #fff;
}

.new_dows_card_title {
    color: #fff;
    position: absolute;
    top: 20px;
    left: 140px;
    font-size: 16px;
}

.new_dows_card_notes {
    color: #fff;
    position: absolute;
    text-align: right;
    top: 50px;
    right: 40px;
    font-size: 15px;
    color: #eee;
}

.new_dows_card_more {
    color: #fff;
    position: absolute;
    text-align: right;
    top: 80px;
    right: 40px;
    font-size: 15px;
    color: #eee;
    text-decoration: underline;
}

.new_main {
    margin-top: 40px;
}

.usb_banner {
    display: flex;
    justify-content: center;
    min-height: 500px;
    align-items: center;
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: 100% 100%;
    background-image: url(/d/imgs2018/usb/Banner_Bg.jpg);
    margin-bottom: 40px;
}

.usb_banner_panel {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.usb_banner_notes {
    margin: 24px 0px;
    text-align: center;
    font-size: 18px;
    color: #626364;
}

.usb_banner_notes2 {
    margin: 24px 0px;
    text-align: center;
    font-size: 16px;
    color: #626364;
}

.usb_banner_notes3 {
    text-align: center;
    font-size: 16px;
    color: #000;
    font-weight: bold;
}

.usb_banner_notes4 {
    margin: 24px 0px;
    text-align: center;
    font-size: 16px;
    color: #666;
    font-weight: bold;
}

.usb_banner_buttons {
    display: flex;
    justify-content: center;
}

.usb_banner_button {
    width: 230px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    color: #fff;
    overflow: hidden;
    margin: 0px 20px;
    transition: background 400ms;
    position: relative;
    cursor: pointer;
}

.usb_banner_button:hover {
    color: #fff;
}

.usb_banner_button div {
    font-size: 22px;
    margin-left: 10px;
}

.usb_down {
    background-color: #228BE6;
}

.usb_video {
    background-color: #FA8B41;
}

.usb_banner_button:before {
    content: '';
    background: rgba(255, 255, 255, .2);
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    width: 0%;
    transform-origin: right center;
    transition: width 400ms;
    border-radius: 50px;
}

.usb_banner_button:hover:before {
    width: 100%;
    left: 0
}

.usb_banner_video_head {
    display: flex;
    align-items: center;
}

.usb_banner_video_head_text {
    margin-left: 10px;
    font-weight: bold;
    display: flex;
    flex-direction: column;
}

.text3 {
    font-size: 22px;
    z-index: 99;
}

.usb_banner_videos {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 50px;
}

.usb_banner_video_card_border {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    padding: 15px;
    border: #ddd 1px solid;
    border-radius: 5px;
    cursor: pointer;
}

.usb_banner_video_card {
    width: 340px;
    height: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #666;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.usb_banner_video_tag {
    position: absolute;
    left: 0;
    padding: 5px 15px;
    bottom: 30px;
    font-size: 16px;
    color: #fff;
    font-weight: bold;
}

.usb_down_more {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    margin-top: 20px;
}

.usb_down_a {
    width: 200px;
    height: 54px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3597ED;
    background: 0 0;
    border: 2px solid #3597ED;
    border-radius: 56px;
    font-size: 20px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    transition: background 400ms
}

.usb_down_a div {
    position: relative;
    z-index: 2;
}

.usb_down_a:before {
    content: '';
    background: #3597ED;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    width: 0%;
    transform-origin: right center;
    transition: width 400ms;
    border-radius: 30px;
}

.usb_down_a:hover {
    color: #fff;
    background: #3597ED;
    border-color: #3597ED
}

.usb_down_a:hover:before {
    width: 100%;
    left: 0;
}

.usb_advantage_panel {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.usb_advantage {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
}

.usb_advantage_title {
    font-size: 28px;
    font-weight: bold;
}

.usb_advantage_notes {
    margin-top: 20px;
    font-size: 16px;
}

.usb_advantage_notes span {
    font-weight: bold;
}

.usb_advantage_more {
    margin-top: 40px;
    display: flex;
}

.usb_down_more {
    margin-left: 20px;
    color: #000;
    display: flex;
    font-size: 16px;
}

.evaluate {
    margin-top: 80px;
    margin-bottom: 40px;
}

.evaluates {
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.evaluate_card {
    height: 400px;
    position: relative;
    width: 30%;
    background-color: #fff;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.evaluate_img {
    position: absolute;
    top: 30px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.evaluate_star {
    position: absolute;
    top: 140px;
    left: 0px;
    right: 0px;
    margin: auto;
    height: 20px;
    width: 100px;
    background-image: url(/d/imgs2018/usb/Start.png);
}

.evaluate_date {
    position: absolute;
    bottom: 30px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
    font-size: 16px;
}

.evaluate_notes {
    position: absolute;
    top: 180px;
    font-size: 16px;
    left: 0px;
    right: 0px;
    margin: auto;
    text-align: center;
}

.usb_recommends {
    display: flex;
    justify-content: space-between;
}

.usb_recommend_card {
    width: 375px;
    position: relative;
    display: flex;
    justify-content: center;
}

.usb_recommend_panel {
    margin-top: 40px;
    width: 72%;
}

.usb_recommend_card img {
    position: absolute;
    margin: auto;
    left: 0px;
    right: 0px;
    bottom: 20px;
}

.r1 {
    background-image: url(/d/imgs2018/usb/Soft_BG1.png);
    height: 466px;
}

.r2 {
    background-image: url(/d/imgs2018/usb/Soft_BG2.png);
    height: 466px;
}

.r3 {
    background-image: url(/d/imgs2018/usb/Soft_BG3.png);
    height: 466px;
}

.usb_recommend_title {
    font-size: 24px;
    font-weight: bold;
}

.usb_recommend_notes {
    margin-top: 10px;
    font-size: 15px;
    line-height: 30px;
}

.usb_recommend_more {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 200px;
    padding: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.usb_down_more2 {
    margin-left: 10px;
    color: #000;
    font-size: 16px;
}

.usb_down_a2 {
    width: 140px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3597ED;
    background: 0 0;
    border: 2px solid #3597ED;
    border-radius: 56px;
    font-size: 16px;
    font-weight: bold;
    position: relative;
    overflow: hidden;
    transition: background 400ms
}

.usb_down_a2 div {
    position: relative;
    z-index: 2;
}

.usb_down_a2:before {
    content: '';
    background: #3597ED;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    position: absolute;
    z-index: 1;
    width: 0%;
    transform-origin: right center;
    transition: width 400ms;
    border-radius: 30px;
}

.usb_down_a2:hover {
    color: #fff;
    background: #3597ED;
    border-color: #3597ED
}

.usb_down_a2:hover:before {
    width: 100%;
    left: 0;
}

.video_panel {
    z-index: 9999;
    position: fixed;
    height: 100%;
    top: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.8);
}

.video_card {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
}

.video_card_control {
    margin: 10px;
    cursor: pointer;
}

.video_card_player {
    width: 720px;
    height: 407px;
}

/* 404 */
.notfound .container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.notfound .container .nf-text h1,
.notfound .container .nf-text p.desc,
.notfound .container .nf-text p.desc a {
    color: #cc0c21;
}

.notfound .container .nf-text h1 {
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.notfound .container .nf-text {
    align-self: flex-start;
    padding-top: 40px;
}

.notfound .container .nf-text p {
    font-size: 16px;
    line-height: 1.8;
}

.notfound .container .nf-text p.desc {
    font-size: 19px;
}

.notfound .container .nf-text p.desc:nth-child(2) {
    margin-top: 10px;
}

.notfound .container .nf-text p.desc:nth-child(3) {
    margin-bottom: 60px;
}

.notfound .container .nf-text p.desc a {
    font-weight: bold;
    margin: 0 10px;
}

.notfound .container .nf-text button {
    background-color: #cc0c21;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 30px;
    margin-top: 80px;
    width: 200px;
}

.notfound .container .nf-text button a {
    color: #fff;
    display: block;
    font-size: 18px;
}

.notfound .container .nf-img {
    padding: 40px;
}

.notfound .wantToSee {
    width: 1200px;
    margin: 0 auto;
}

.notfound .wantToSee .wantToSeeTitle {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

.notfound .wantToSee .wantToSeeTitle h3 {
    display: flex;
    font-weight: bold;
    font-size: 21px;
    color: #555555;
}

.notfound .wantToSee .wantToSeeTitle h3 img {
    margin-right: 10px;
}

.notfound .wantToSee .wantToSeeContent {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.8;
    display: flex;
    margin-top: 30px;
    justify-content: space-between;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem {
    width: 285px;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem>div {
    position: relative;
    overflow: hidden;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem img {
    height: 150px;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem p {
    position: absolute;
    bottom: 8px;
    left: 0;
    color: #ffffff;
    background-color: rgba(0, 0, 0, 0.5);
    width: 97%;
    padding: 5px 10px;
    border-radius: 0 0 10px 10px;
    cursor: pointer;
    /* 超出隐藏 */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem ol {
    padding: 10px 10px 0;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem ol li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    font-size: 14px;
    list-style: inside;
    line-height: 2.4;
}

.notfound .wantToSee .wantToSeeContent .wantToSeeContentItem ol li::marker {
    color: #999999;
    font-size: 12px;
}

@media screen and (max-width: 1200px) {
    .notfound .container {
        width: 100%;
        display: block;
    }

    .notfound .container .nf-img {
        width: 100%;
        padding: 15px;
    }

    .notfound .container .nf-img img {
        width: 90%;
    }

    .notfound .container .nf-text {
        padding: 15px;
    }

    .notfound .container .nf-text h1 {
        text-align: center;
    }

    .notfound .container .nf-text p.desc:nth-child(3) {
        margin-bottom: 10px;
    }

    .notfound .container .nf-text button {
        display: block;
        margin: 20px auto;
    }

    .notfound .wantToSee {
        width: 100%;
    }

    .notfound .wantToSee .wantToSeeTitle {
        padding: 0 20px;
    }

    .notfound .wantToSee .wantToSeeContent {
        display: block;
        margin-top: 0;
        padding: 20px;
    }

    .notfound .wantToSee .wantToSeeContent .wantToSeeContentItem {
        width: 100%;
    }

    .notfound .wantToSee .wantToSeeContent .wantToSeeContentItem ol {
        padding: 0 10px 10px;
    }
}

/* 叠buff */
.topFixed {
    overflow: visible;
}
.topFixed .hd .h-nav {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    margin: 0;
    transform: translateX(0);
    overflow: visible;
}
.topFixed .hd .h-nav > li {
    padding: 0 20px;
    height: 100%;
    white-space: nowrap;
    display: flex;
    align-items: center;
    position: relative;
    overflow: visible;
}
.topFixed .hd .h-nav > li.on a::after {
    display: none;
}
.topFixed .hd .h-nav > li:hover,
.topFixed .hd .h-nav .on {
    background-color: #b80714;
}
.topFixed .hd .h-nav > li:hover ul li a {
    font-weight: 500;
}
.topFixed .hd .h-nav > li ul {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 9;
    background-color: rgba(157, 4, 15, .5);
    width: 100%;
}
.topFixed .hd .h-nav > li ul li {
    float: none;
    width: 100%;
    height: 50px;
    line-height: 50px;
}
.topFixed .hd .h-nav > li ul li:hover {
    background: #b80714;
    width: 100%;
}
.topFixed .hd .h-nav > li ul li a {
    font-size: 16px;
    padding: 20px;
}
.topFixed .hd .h-search {
    background-color: transparent;
    border: none;
    width: auto;
    margin: 0;
    padding: 0px 60px 0px 0px;
}

/* 模态框样式 */
.topFixed .hd .h-search .modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
}
.topFixed .hd .h-search .modal .modalContent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    border-radius: 10px;
    padding: 10px 10px 20px 20px;
}
.topFixed .hd .h-search .modal .modalContent span {
    float: right;
    margin: 0 0 30px 30px;
    background-image: url(../images/close.png);
}
.topFixed .hd .h-search .modal .modalContent form {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    height: auto;
}
.topFixed .hd .h-search .modal .modalContent form .ipt {
    border: 1px solid #e6e6e6;
    width: 725px;
    border-radius: 10px 0 0 10px;
    height: 60px;
    transform: translateY(0);
    font-size: 16px;
    padding: 0 10px;
}
.topFixed .hd .h-search .modal .modalContent form .btn {
    color: #fff;
    border: none;
    width: auto;
    height: auto;
    border-radius: 0 10px 10px 0;
    font-size: 21px;
    padding: 15px 30px;
    background: #b80714;
    text-indent: 0;
    transform: translateY(0);
}
.topFixed .hd .h-search .modal .modalContent .hotSearch {
    display: flex;
    justify-content: flex-start;
    padding: 20px 20px 10px 72px;
}
.topFixed .hd .h-search .modal .modalContent .hotSearch span,
.topFixed .hd .h-search .modal .modalContent .hotSearch a {
    border: none;
    color: #999999;
    padding: 0 10px;
    font-size: 15px;
}
.topFixed .hd .h-search .modal .modalContent .hotSearch span {
    text-align: right;
    padding: 0;
}

/* 专题列表页 */
.zt_introduction {
    width: 100%;
    margin-bottom: 30px;
}
.zt_introduction .zt_introduction_left {
    float: left;
    margin-right: 50px;
}

.zt_introduction .zt_introduction_left img {
    height: auto;
    width: 565px;
    max-width: 100%;
    max-height: 285px;
}
.zt_introduction .zt_introduction_right h1 {
    font-size: 32px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    text-align: center;
}
.zt_introduction .zt_introduction_right p {
    text-indent: 2em;
}
.clearBoth {
    clear: both;
}

.zt-list {
    width: 100%;
    padding: 0 0 10px 0;
}
.zt-list .artItem {
    width: 50%;
    float: left;
    clear: none;
}
.zt-list .artItem .itemTit {
    width: 65%;
}
.zt-list .artItem .itemTit h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.zt-list .artItem .itemTit .pcInfo .item_intro {
    /* 超出两行显示省略号 */
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: auto;
    line-height: 1.4;
    padding: 0;
}
.zt-list .artItem .itemTit .pcInfo .item_date {
    margin: 10px 0;
}

.zt_recommend .zt_recommend_title h3 {
    font-size: 28px;
}
.zt_recommend .zt_recommend_list {
    margin-top: 20px;
}
.zt_recommend .zt_recommend_list .zt_recommend_list_item {
    width: 20%;
    float: left;
    margin-bottom: 20px;
}
.zt_recommend .zt_recommend_list .zt_recommend_list_item img {
    width: 80%;
    margin: 0 auto;
    display: block;
}
.zt_recommend .zt_recommend_list .zt_recommend_list_item p {
    text-align: center;
    margin-top: 10px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media screen and (max-width: 768px) {
    .zt_introduction .zt_introduction_left {
        float: none;
        margin-right: 0;
    }
    
    .zt-list {
        width: 95%;
        padding: 0 2.5%;
    }

    .zt-list .artItem {
        width: 100%;
        clear: both;
    }

    .zt_recommend .zt_recommend_list .zt_recommend_list_item {
        width: 100%;
    }
}